<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>关于我们</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/about.css">
    </head>
    <body>
        <div class="container">
            <header class="ready">
                <nav class="flex flex-align-items pc">
                    <a href="index.html" class="logo">
                        <img src="img/common/logo.png" alt="logo">
                        <img src="img/common/logoC.png" class="c" alt="logo">
                    </a>
                    <ul class="menu flex">
                        <li>
                            <div class="sonMenu">
                                <div class="contn flex flex-justify-content">
                                    <a href="cateInfo.html">
                                        <p class="pic">
                                            <img src="img/common/son1.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>住宅</span>
                                    </a>
                                    <a href="cateInfo.html">
                                        <p class="pic">
                                            <img src="img/common/son2.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>商业广告</span>
                                    </a>
                                    <a href="cateInfo.html">
                                        <p class="pic">
                                            <img src="img/common/son3.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>医疗类</span>
                                    </a>
                                </div>
                            </div>
                            <p class="triangle"></p>
                            <a href="javascript:;" class="default">解决方案</a>
                        </li>
                        <li><a href="about.html">关于我们</a></li>
                        <li><a href="works.html">作品集</a></li>
                        <li><a href="news.html">新闻</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </nav>
                <nav class="mobile cursor">
                    <div class="head flex flex-align-items">
                        <a href="index.html" class="logo"><img src="img/common/logoC.png" alt="logo"></a>
                        <div class="menuBtn">
                            <span></span>
                        </div>
                    </div>
                    <div class="box flex">
                        <div class="mid">
                            <ul>
                                <li><a href="index.html">首页</a></li>
                                <li>
                                    <a href="javascript:;" class="default">解决方案</a>
                                    <div class="sonMenu">
                                        <div class="contn">
                                            <a href="cateInfo.html">住宅</a>
                                            <a href="cateInfo.html">商业广告</a>
                                            <a href="cateInfo.html">医疗类</a>
                                        </div>
                                    </div>
                                </li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="works.html">作品集</a></li>
                                <li><a href="news.html">新闻</a></li>
                                <li><a href="contact.html">联系我们</a></li>
                            </ul>
                        </div>
                        <div class="footage">
                            <div class="link">
                                <a href="contact.html">联系我们</a>
                                <a href="about.html">关于我们</a>
                            </div>
                            <div class="txt">
                                <p>Copyright © 宁波穿石网络科技有限公司 All rights reserved</p>
                                <p>技术支持：穿石科技</p>
                            </div>
                        </div>
                    </div>
                </nav>
            </header>
            <main>
                <div class="headPic">
                    <div class="contn">
                        <p class="t ready overhalf">关于我们</p>
                        <div class="pic btm">
                            <img src="img/about/headPic.jpg" class="obj-c" alt="">
                        </div>
                        <div class="shadow">
                            <div class="cut"></div>
                            <div class="arrow">
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tips">
                    <img src="img/about/tipBg.jpg" class="blockBg fill obj-c" alt="">
                    <div class="art">
                        <div class="content ready overself">
                            <div class="inner ready overhalf">
                                <p class="hTtl">
                                    <span>艺术与科学：<br>
                                        我们在每个项目中的目标
                                    </span>
                                </p>
                                <p class="t">
                                    体系结构必须是功能性的。实际的。经济。<br>
                                    这是科学，科学很重要。但是，当它包含那些带来美感和意义的附加，无法定义的元<br>
                                    素时，这就是艺术，那就是建筑真正栩栩如生的时候。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="meaning">
                        <div class="flip num">
                            <p>1</p>
                            <p>2</p>
                            <p>3</p>
                            <p>4</p>
                            <p>5</p>
                        </div>
                        <div class="choose">
                            <div class="swiper-container chooseSwiper">
                                <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <p class='square'>
                                                <i></i>
                                                <span class="t">意义</span>
                                            </p>
                                        </div>
                                        <div class="swiper-slide">
                                            <p class='square'>
                                                <i></i>
                                                <span class="t">经验</span>
                                            </p>
                                        </div>
                                        <div class="swiper-slide">
                                            <p class='square'>
                                                <i></i>
                                                <span class="t">创新</span>
                                            </p>
                                        </div>
                                        <div class="swiper-slide">
                                            <p class='square'>
                                                <i></i>
                                                <span class="t">艺术性</span>
                                            </p>
                                        </div>
                                        <div class="swiper-slide">
                                            <p class='square'>
                                                <i></i>
                                                <span class="t">你</span>
                                            </p>
                                        </div>
                                </div>
                            </div>
                            
                        </div>
                        <div class="flip slogan">
                            <div class="box">
                                <p class="hTtl">
                                    <span>意义</span>
                                </p>
                                <p class='t'>
                                    我们探索您的希望，欲望，兴趣和意图，确定未表达的需求和未开发的机会。我们找到含义，赋予它形式和实质，并通过构建环境进行编织。
                                </p>
                            </div>
                            <div class="box">
                                <p class="hTtl">
                                    <span>意义</span>
                                </p>
                                <p class='t'>
                                    我们探索您的希望，欲望，兴趣和意图，确定未表达的需求和未开
                                </p>
                            </div>
                            <div class="box">
                                <p class="hTtl">
                                    <span>意义</span>
                                </p>
                                <p class='t'>
                                    我们探索您的希望，欲望，兴趣和意图，确定未表达的需求和未开发的机会。
                                </p>
                            </div>
                            <div class="box">
                                <p class="hTtl">
                                    <span>意义</span>
                                </p>
                                <p class='t'>
                                    我们探索您的希望，欲望，
                                </p>
                            </div>
                            <div class="box">
                                <p class="hTtl">
                                    <span>意义</span>
                                </p>
                                <p class='t'>
                                    我们探索您的希望，欲望，兴趣和意图，确定未表达的需求和未开发的机会。我们找到含义，赋予它形式和实质
                                </p>
                            </div>
                        </div>
                        <p class="btn prev"></p>
                        <p class="btn next"></p>
                    </div>
                </div>
                <div class="team">
                    <div class="content ready">
                        <div class="inner ready overhalf">
                            <p class="hTtl">
                                <span>我们是谁</span>
                            </p>
                            <p class="t">
                                我们的团队致力于<br>
                                打造能够全心全意满足客户需求和环境的架构。<br>
                                我们共同努力，打造出具有<br>
                                经验，个性化和启发性的解决方案。
                            </p>
                        </div>
                        <div class="info">
                           <div class="member flex">
                               <div class="person left">
                                   <div class="avatar ready overhalf">
                                        <div class="border lg"></div>
                                        <div class="border sm"></div>
                                        <div class="mid cursor">
                                            <img src="img/about/psn1.jpg" class="obj-c" alt="人像">
                                        </div>
                                   </div>
                                   <div class="intro ready overhalf cursor">
                                       <p class="name">JUSTIN MARTINKOVIC，AIA，NCARB</p>
                                       <span class="postn">共同创立者</span>
                                       <div class="moreBox">
                                           <p class="more">
                                               <span>查看更多</span>
                                           </p>
                                       </div>
                                   </div>
                               </div>
                               <div class="person right">
                                <div class="avatar ready overhalf">
                                     <div class="border lg"></div>
                                     <div class="border sm"></div>
                                     <div class="mid cursor">
                                         <img src="img/about/psn1.jpg" class="obj-c" alt="人像">
                                     </div>
                                </div>
                                <div class="intro ready overhalf cursor">
                                    <p class="name">JUSTIN MARTINKOVIC，AIA，NCARB</p>
                                    <span class="postn">共同创立者</span>
                                    <div class="moreBox">
                                        <p class="more">
                                            <span>查看更多</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                           </div>
                           <div class="details flex">
                               <div class="box left">
                                    <div class="txt">
                                        <p>“这不仅仅是墙壁和表面。这是关于创造互动和参与的机会–关于使用设计来支持生活方式和商业模式，并为显而易见的问题和尚未提出的问题找到答案。”</p>
                                        <p>贾斯汀（Justin）专门从事商业和医疗项目的建筑设计，识别并利用企业的独特差异点和上下文来制作量身定制的定制设计，这些设计挑战了关于如何使用和可以使用空间的假设。他对设计，身份和人类经验之间的相互作用以及建筑如何用于表达和促进新的发展方式感兴趣。</p>
                                        <p>贾斯汀（Justin）毕业于锡拉丘兹大学建筑学院（Syracuse University of Architecture），是美国建筑师学会的会员，并获得NCARB认证。</p>
                                        <span class="closed"></span>
                                    </div>
                               </div>
                               <div class="box right">
                                    <div class="txt">
                                        <p>“这不仅仅是墙壁和表面。这是关于创造互动和参与的机会–关于使用设计来支持生活方式和商业模式，并为显而易见的问题和尚未提出的问题找到答案。”</p>
                                        <p>贾斯汀（Justin）专门从事商业和医疗项目的建筑设计，识别并利用企业的独特差异点和上下文来制作量身定制的定制设计，这些设计挑战了关于如何使用和可以使用空间的假设。他对设计，身份和人类经验之间的相互作用以及建筑如何用于表达和促进新的发展方式感兴趣。</p>
                                        <p>贾斯汀（Justin）毕业于锡拉丘兹大学建筑学院（Syracuse University of Architecture），是美国建筑师学会的会员，并获得NCARB认证。</p>
                                        <span class="closed"></span>
                                    </div>
                               </div>
                           </div>
                        </div>
                    </div>
                </div>
                <div class="works">
                    <div class="inner ready overhalf">
                        <p class="t">我们的任务</p>
                        <p class="hTtl">
                            <span>我们为非凡的人设计<br>
                                非凡的地方
                            </span>
                        </p>
                    </div>
                    <div class="list">
                        <a href="cateInfo.html" class="item ready overHalf">
                            <div class="pic">
                                <img src="img/about/w1.jpg" alt="">
                            </div>
                            <div class="txt flex">
                                <p class="name">住宅</p>
                                <div class="moreBox">
                                    <p class="more">
                                        <span>查看更多</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="cateInfo.html" class="item ready overHalf">
                            <div class="pic">
                                <img src="img/about/w2.jpg" alt="">
                            </div>
                            <div class="txt flex">
                                <p class="name">商业</p>
                                <div class="moreBox">
                                    <p class="more">
                                        <span>查看更多</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                        <a href="cateInfo.html" class="item ready overHalf">
                            <div class="pic">
                                <img src="img/about/w3.jpg" alt="">
                            </div>
                            <div class="txt flex">
                                <p class="name">医学</p>
                                <div class="moreBox">
                                    <p class="more">
                                        <span>查看更多</span>
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </main>
            <footer>
                <a href="index.html"><img src="img/common/logoC.png" alt="logos"></a>
                <p>
                    <span>Copyright © 宁波穿石网络科技有限公司 All rights reserved</span>
                    <span>技术支持：穿石科技</span>
                </p>
            </footer>
        </div>
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/about.js"></script>
    </body>
</html>